import React from 'react'
import classNames from 'classnames'
import PropTypes from 'prop-types'

export default function Icon({ type, className, ...rest }) {
//   console.log(rest)
  return (
    // 除了 className 和 type 需要解构,其他的方法样式全都给 SVG 以对象的形式存在
    <svg {...rest} className={classNames('icon', className)} aria-hidden="true">
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

Icon.propTypes = {
  type: PropTypes.string.isRequired,
}
